.control {
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  justify-content: flex-start;
  z-index: 99;
}

.l_1 {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  cursor: pointer;
  overflow: hidden;
  /*background-color: #fff;*/
}

.b1 {
  height: 30px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.t_1 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.t_2 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 33.333%;
}

.t_3 {
  width: 33%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 66.6666%;
}

.z_1 {
  position: absolute;
  top: 70px;
  left: 30px;
  z-index: 99;
}

.lx {
  width: 12px;
  height: 12px;
  margin-left: 9px;
  background-color: #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* IE 9 */
  -moz-transform: rotate(45deg); /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg); /* Opera */
}

.fx {
  padding: 20px 20px 0 20px;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 4px;
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  overflow: hidden;
}

.z_2 {
  position: absolute;
  top: 70px;
  left: 80px;
  z-index: 99;
}

.z_3 {
  position: absolute;
  top: 70px;
  left: 130px;
  z-index: 99;
}

.z_4 {
  position: absolute;
  top: 70px;
  left: 180px;
  z-index: 99;
}

.z_5 {
  position: absolute;
  top: 70px;
  left: 230px;
  z-index: 99;
}
